GeoChart গুগল চার্টের একটি শক্তিশালী ফিচার, যা Geo-spatial Data Visualization করার জন্য ব্যবহৃত হয়। এটি পৃথিবীর বিভিন্ন দেশের, অঞ্চলের বা শহরের তথ্য ভিজ্যুয়ালাইজ করার জন্য ব্যবহার করা হয়, যেমন জনসংখ্যা, অর্থনৈতিক পরিসংখ্যান, জলবায়ু সম্পর্কিত তথ্য ইত্যাদি। GeoChart এর মাধ্যমে আপনি মানচিত্রের উপর বিভিন্ন ধরনের ডেটা প্রদর্শন করতে পারবেন।
GeoChart সাধারণত বিভিন্ন ধরনের মানচিত্র প্রদর্শন করতে ব্যবহৃত হয়, যেমন:
- World Map (বিশ্ব মানচিত্র)
- Region Map (অঞ্চল মানচিত্র)
- City Map (শহর মানচিত্র)
GeoChart এর মূল বৈশিষ্ট্য:
- Geo-spatial Data Visualization: GeoChart ব্যবহার করে আপনি একাধিক ভূ-গোলাকার অঞ্চলের ডেটা তুলনা করতে পারেন।
- Interactive Maps: GeoChart ইন্টারঅ্যাকটিভ মানচিত্র তৈরি করে, যেখানে ব্যবহারকারী মানচিত্রের উপর ক্লিক করে বা হোভার করে ডেটার বিস্তারিত দেখতে পারেন।
- Color Customization: আপনি মানচিত্রের বিভিন্ন অঞ্চলের রঙ পরিবর্তন করে ডেটার উপর ভিত্তি করে ভিজ্যুয়াল প্রতিক্রিয়া তৈরি করতে পারেন।
GeoChart তৈরি করার উদাহরণ
ধরা যাক, আমরা বিভিন্ন দেশের জনসংখ্যা ভিজ্যুয়ালাইজ করতে চাই। এর জন্য আমরা GeoChart ব্যবহার করব এবং দেশের জনসংখ্যার ভিত্তিতে মানচিত্রে রঙ পরিবর্তন করব।
উদাহরণ কোড:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Google GeoChart Example</title>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {packages: ['geochart', 'corechart']});
google.charts.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Country', 'Population'],
['China', 1392730000],
['India', 1369150000],
['United States', 327167000],
['Indonesia', 267670000],
['Pakistan', 212228000],
['Brazil', 211049000],
['Nigeria', 206100000],
['Bangladesh', 163046000],
['Russia', 145805000],
['Mexico', 126190788]
]);
var options = {
region: 'world', // বিশুদ্ধ পৃথিবীর মানচিত্র দেখানোর জন্য
displayMode: 'regions', // দেশ ভিত্তিক প্রদর্শন
colorAxis: {colors: ['#e0f7fa', '#006064']} // রঙ কাস্টমাইজেশন
};
var chart = new google.visualization.GeoChart(document.getElementById('regions_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<h2>GeoChart: World Population Visualization</h2>
<div id="regions_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
কোড ব্যাখ্যা
Google Charts লোড করা:
google.charts.load('current', {packages: ['geochart', 'corechart']});এখানে আমরা geochart প্যাকেজ লোড করেছি, যা GeoChart তৈরি করার জন্য প্রয়োজনীয় ফাংশনালিটি প্রদান করে।
ডেটা প্রস্তুত করা:
var data = google.visualization.arrayToDataTable([ ['Country', 'Population'], ['China', 1392730000], ['India', 1369150000], ['United States', 327167000], ['Indonesia', 267670000], ['Pakistan', 212228000], ['Brazil', 211049000], ['Nigeria', 206100000], ['Bangladesh', 163046000], ['Russia', 145805000], ['Mexico', 126190788] ]);এখানে আমরা Countries এবং তাদের Population এর ডেটা প্রস্তুত করেছি। GeoChart এ ডেটা প্রদর্শন করতে হয় এমন একটি টেবিল ফরম্যাটে।
GeoChart অপশন কাস্টমাইজেশন:
var options = { region: 'world', // এখানে ‘world’ দিয়ে পৃথিবীর মানচিত্র প্রদর্শিত হবে displayMode: 'regions', // দেশের ভিত্তিতে প্রদর্শন colorAxis: {colors: ['#e0f7fa', '#006064']} // রঙ কাস্টমাইজেশন };- region: এটি নির্ধারণ করে কোন অঞ্চলের মানচিত্র দেখানো হবে। উদাহরণস্বরূপ,
worldমানে পৃথিবীর মানচিত্র,USমানে শুধুমাত্র যুক্তরাষ্ট্র। - displayMode: ‘regions’ সেট করলে দেশের মানচিত্র দেখাবে, আপনি ‘markers’ ব্যবহার করতে পারেন যদি আপনি শহর ভিত্তিক ডেটা প্রদর্শন করতে চান।
- colorAxis: ডেটার মানের ভিত্তিতে রঙ নির্ধারণ করা হয়। এখানে গা dark ় থেকে হালকা রঙের পরিবর্তন করা হয়েছে।
- region: এটি নির্ধারণ করে কোন অঞ্চলের মানচিত্র দেখানো হবে। উদাহরণস্বরূপ,
GeoChart রেন্ডার করা:
var chart = new google.visualization.GeoChart(document.getElementById('regions_div')); chart.draw(data, options);এই কোডের মাধ্যমে আমরা GeoChart রেন্ডার করি এবং এটি HTML ডিভ
regions_divএ প্রদর্শিত হয়।
GeoChart কাস্টমাইজেশন
- Region Customization:
- আপনি region অপশনে নির্দিষ্ট দেশ বা অঞ্চল উল্লেখ করে GeoChart কাস্টমাইজ করতে পারেন, যেমন
'US','IN'(ভারত),'EU'(ইউরোপ), ইত্যাদি।
- আপনি region অপশনে নির্দিষ্ট দেশ বা অঞ্চল উল্লেখ করে GeoChart কাস্টমাইজ করতে পারেন, যেমন
- Color Axis:
- GeoChart এ রঙের স্কেল কাস্টমাইজ করা যায়, যা ডেটার বিভিন্ন মানের জন্য বিভিন্ন রঙ প্রদর্শন করবে।
- উদাহরণ:
colorAxis: {colors: ['#e0f7fa', '#006064']}
- Display Mode:
- regions: দেশ বা অঞ্চলের মানচিত্র প্রদর্শন করবে।
- markers: দেশগুলোর মানচিত্রে পয়েন্ট মার্কার হিসেবে দেখাবে।
- Popup Information:
- আপনি মানচিত্রে হোভার করলে যে তথ্য প্রদর্শিত হবে তা কাস্টমাইজ করতে পারেন। উদাহরণস্বরূপ, প্রতি দেশের ওপর হোভার করলে জনসংখ্যার তথ্য দেখানো যাবে।
উপসংহার
Google Charts এর GeoChart ব্যবহার করে আপনি খুব সহজে Geo-spatial Data Visualization করতে পারেন। এটি বিভিন্ন দেশ, অঞ্চল, বা শহরের ডেটাকে মানচিত্রে দেখানোর জন্য উপযুক্ত। এটি ব্যবসায়িক বিশ্লেষণ, গবেষণা এবং ডেটা উপস্থাপনায় একটি শক্তিশালী টুল। GeoChart এর কাস্টমাইজেশন অপশন ব্যবহার করে আপনি ডেটার উপর ভিত্তি করে আকর্ষণীয় এবং তথ্যবহুল মানচিত্র তৈরি করতে পারবেন।
Read more
